<#ftl encoding="UTF-8" />
            <div id="panelTop" style="position:relative; height:45px; background-color:#fff;">
                <div id="btnPanel_01" style="position:absolute; display:inline-block; top:12px; left: 8px; width:auto; padding:0px;">
                    <button type="button" name="_ButBack" id="ButBack" class="act__button" onclick="_InstancePageHeader.DoBack();"><i class="fa-all fa-1x fa-reply" style="margin-right:3px;"></i>返回</button>
                    <button type="button" name="_ButCheck" id="ButCheck" class="act__button act__check" onclick="_InstancePageHeader.DoCheck();"><i class="fa-all fa-1x fa-eye" style="margin-right:3px;"></i>审核</button>
                    <button type="button" name="_ButUnCheck" id="ButUnCheck" class="act__button act__check" onclick="_InstancePageHeader.Uncheck();"><i class="fa-all fa-1x fa-eraser" style="margin-right:3px;"></i>反审</button>
                    <button type="button" name="_ButPrint" id="ButPrint" class="act__button" onclick="_InstancePageHeader.DoPrintPreview();"><i class="fa-all fa-1x fa-print" style="margin-right:3px;"></i>打印预览</button>
                </div>
                <div id="rec_position" style="position:absolute; display:inline-block; right:80px; top:18px; width:auto;">
                    <span id="rec_cur_row">15</span> / <span id="rec_total_rows">15</span>
                </div>
                <div class="panel__toolbar" style="position:absolute; display:inline-block; top:12px; right:20px;">
                    <div class="panel__toolbar_item">
                        <button type="button" class="toolbar__button" name="_ButPrev" id="ButPrev" title="前一条" onclick="_InstancePageHeader.PrevRecord();"><i class="fa-all fa-1x fa-angle-left" style="margin-right:3px;"></i></button>
                    </div>
                    <div class="panel__toolbar_item" disabled="disabled">
                        <button type="button" class="toolbar__button" name="_ButNext" id="ButNext" title="后一条" onclick="_InstancePageHeader.NextRecord();"><i class="fa-all fa-1x fa-angle-right" style="margin-right:3px;"></i></button>
                    </div>
                </div>
            </div>

            <input id="Action" type="hidden" value="<#if action?exists>${action}<#else>0</#if>" />
            <input id="HeaderId" type="hidden" value="<#if headerId?exists>${headerId}<#else>0</#if>" />
            <div style="position:absolute; top:13px; right:200px;">
                <span id="CheckedTip" class="huzo_status huzo_status__green">状态：已审核</span>
            </div>

            <div id="panelData" style="position:relative; top:0px;">
                <!-- 内容 -->
                <ul id="tabPanelHeader" class="tabstrip" style="top:0px; width:100%">
                    <li id="menu_01" class="tabInactive" style="margin-left:8px;">
                        <div>
                            <span class="tab_stretch"><span class="tabtext"><abbr class="ls_01">外贸箱单</abbr></span></span>
                        </div>
                    </li>
                    <li id="menu_02">
                        <div>
                            <span class="tab_stretch"><span class="tabtext"><abbr class="ls_02">明细信息</abbr></span></span>
                        </div>
                    </li>
                </ul>
                <div id="tabPanelContent" class="tab__wrapper" style="top:0px; height:auto;">
                    <!-- 主表信息 -->
                    <div id="tabWrapper_01" class="tab__content" style="padding-top:5px; width:100%;">
                        <form id="form_data" class="form__data_content">
                            <div id="panelTop" style="position:relative; height:35px; border-bottom:1px solid #ddd; background-color:#fff;">
                                <div id="btnPanel_01" style="position:absolute; display:inline-block; top:3px; left: 8px; width:auto; padding:0px;">
                                    <button type="button" name="_ButNew" id="ButNew" class="act__button" onclick="_InstancePageHeader.New();"><i class="fa-all fa-1x fa-plus" style="margin-right:3px;"></i>增加</button>
                                    <button type="button" name="_ButSave" id="ButSave" class="act__button act__save" onclick="_InstancePageHeader.Save();"><i class="fa-all fa-1x fa-save" style="margin-right:3px;"></i>保存</button>
                                </div>
                            </div>
                            <div class="data__table_wrapper">
                                <table class="data__table">
                                    <colgroup>
                                        <col style="width: 10%;" />
                                        <col style="width: 15%;" />
                                        <col style="width: 10%;" />
                                        <col style="width: 15%;" />
                                        <col style="width: 10%;" />
                                        <col style="width: 15%;" />
                                        <col style="width: 10%;" />
                                        <col />
                                    </colgroup>
                                    <tbody>
                                        <tr>
                                            <td class="td__label" style="vertical-align:top; padding-top:8px;">
                                                <label for="Shipper">Shipper<em>★</em></label>
                                            </td>
                                            <td colspan="3">
                                                <textarea class="area" id="Shipper" name="_Shipper" rows="3" tabindex="1" style="height:71px; width:98%; resize:none;">DALIAN BAIHE GARMENTS CO.,LTD&#13LONGWANGTANG STREET HIGH TECH ZONE&#13DALIAN CHINA</textarea>
                                            </td>
                                            <td class="td__label" style="vertical-align:top; padding-top:8px;">
                                                <label for="Consignee">Consignee<em>★</em></label>
                                            </td>
                                            <td colspan="3">
                                                <textarea class="area" id="Consignee" name="_Consignee" rows="3" tabindex="2" style="height:71px; width:98%; resize:none;"></textarea>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="td__label">
                                                <label for="InvoiceNo">Invoice No.<em>★</em></label>
                                            </td>
                                            <td>
                                                <input type="text" id="InvoiceNo" name="_InvoiceNo" tabindex="3" style="width:98%;" />
                                            </td>
                                            <td class="td__label">
                                                <label for="InvoiceDate">Date of Invoice<em>★</em></label>
                                            </td>
                                            <td>
                                                <div id="ChoiceInvoiceDate" class="form_input_dropdown_wrapper" style="width:135x;">
                                                    <input type="text" id="InvoiceDate" name="_InvoiceDate" class="select-dropdown" readonly="readonly" style="color:#000;" tabindex="4" />
                                                    <span class="dropdown_button"><i class="fa-all fa-1-1 fa-calendar"></i></span>
                                                </div>
                                            </td>
                                            <td class="td__label">
                                                <label for="LcNo">L/C No.<em>★</em></label>
                                            </td>
                                            <td>
                                                <input type="text" id="LcNo" name="_LcNo" tabindex="5" style="width:98%;" />
                                            </td>
                                            <td class="td__label">
                                                <label for="LcDate">Date of L/C<em>★</em></label>
                                            </td>
                                            <td>
                                                <div id="ChoiceLcDate" class="form_input_dropdown_wrapper" style="width:135x;">
                                                    <input type="text" id="LcDate" name="_LcDate" class="select-dropdown" readonly="readonly" style="color:#000;" tabindex="6" />
                                                    <span class="dropdown_button"><i class="fa-all fa-1-1 fa-calendar"></i></span>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="td__label">
                                                <label for="LCIssuingBank">L/C Issuing Bank</label>
                                            </td>
                                            <td colspan="3">
                                                <input type="text" id="LCIssuingBank" name="_LCIssuingBank" style="width:98%;" tabindex="7" />
                                            </td>
                                            <td class="td__label">
                                                <label for="NotifyParty">Notify Party</label>
                                            </td>
                                            <td colspan="3">
                                                <input type="text" id="NotifyParty" name="_NotifyParty" style="width:98%;" tabindex="8" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="td__label">
                                                <label for="ContractNo">Contract No.</label>
                                            </td>
                                            <td>
                                                <input type="text" id="ContractNo" name="_ContractNo" tabindex="9" style="width:98%;" />
                                            </td>
                                            <td class="td__label">
                                                <label for="PONo">PO No.</label>
                                            </td>
                                            <td>
                                                <input type="text" id="PONo" name="_PONo" tabindex="10" style="width:95%;" />
                                            </td>
                                            <td class="td__label">
                                                <label for="PortOfLoading">Port of Loading</label>
                                            </td>
                                            <td>
                                                <input type="text" id="PortOfLoading" name="_PortOfLoading" tabindex="11" />
                                            </td>
                                            <td class="td__label">
                                                <label for="Destination">Destination</label>
                                            </td>
                                            <td>
                                                <input type="text" id="Destination" name="_Destination" tabindex="12" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="td__label">
                                                <label for="Remarks">Remarks</label>
                                            </td>
                                            <td colspan="3">
                                                <input type="text" id="Remarks" name="_Remarks" style="width:98%;" tabindex="13" />
                                            </td>
                                            <td class="td__label">
                                                <label for="Carrier">Carrier</label>
                                            </td>
                                            <td>
                                                <input type="text" id="Carrier" name="_Carrier" tabindex="14" />
                                            </td>
                                            <td class="td__label">
                                                <label for="OnBoardDate">On board Date</label>
                                            </td>
                                            <td>
                                                <div id="ChoiceOnBoardDate" class="form_input_dropdown_wrapper" style="width:135x;">
                                                    <input type="text" id="OnBoardDate" name="_OnBoardDate" class="select-dropdown" readonly="readonly" style="color:#000;" tabindex="15" />
                                                    <span class="dropdown_button"><i class="fa-all fa-1-1 fa-calendar"></i></span>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="td__label">
                                                <label for="ATTN">ATTN</label>
                                            </td>
                                            <td>
                                                <input type="text" id="ATTN" name="_ATTN" tabindex="16" />
                                            </td>
                                            <td class="td__label">
                                                <label for="Tel">TEL</label>
                                            </td>
                                            <td colspan="3">
                                                <input type="text" id="Tel" name="_Tel" style="width: 507px" tabindex="17" />
                                            </td>
                                            <td class="td__label">
                                                <label for="PackingListKind">箱单类别<em>★</em></label>
                                            </td>
                                            <td>
                                                <select id="PackingListKind" name="_PackingListKind" tabindex="18" style="width: 120px;">
                                                    <option value="-1">-- 请选择 --</option>
                                                    <option value="报关">报关</option>
                                                    <option value="客人">客人</option>
                                                    <option value="银行">银行</option>
                                                    <option value="财务">财务</option>
                                                </select>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="td__label" style="vertical-align:top; padding-top:8px;">
                                                <label for="Description">备注</label>
                                            </td>
                                            <td colspan="7">
                                                <textarea class="area" id="Description" name="_Description" tabindex="14" style="width:100%; height:71px; resize:none;"></textarea>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="td__label">
                                                <label for="UpdatedByName">操作情况</label>
                                            </td>
                                            <td>
                                                <input type="text" id="UpdatedByName" name="_UpdatedByName" tabindex="10" style="width:90px;" readonly="readonly" />
                                                <input type="text" id="UpdatedDate" name="_UpdatedDate" tabindex="11" style="width:90px;" readonly="readonly" />
                                            </td>
                                            <td class="td__label">
                                                <label for="CheckedByName">审核情况</label>
                                            </td>
                                            <td colspan="5">
                                                <input type="text" id="CheckedByName" name="_CheckedByName" tabindex="12" style="width:90px;" readonly="readonly" />
                                                <input type="text" id="CheckedDate" name="_CheckedDate" tabindex="13" style="width:90px;" readonly="readonly" />
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </form>
                    </div>

                    <!-- 明细部分 -->
                    <div id="tabWrapper_02" class="tab__content" style="padding-top:5px; width:100%; display:none;">
                        <div id="panelTop_02" style="position:relative; height:32px; top:3px; border-bottom:1px solid #ddd; margin:0 8px; background-color:#fff;">
                            <button type="button" name="_ButNewLines" id="ButNewLines" class="act__button" onclick="_InstancePageLines.NewLines();"><i class="fa-all fa-1x fa-plus" style="margin-right:3px;"></i>增加</button>
                            <button type="button" name="_ButSaveLines" id="ButSaveLines" class="act__button act__save" onclick="_InstancePageLines.SaveLines();"><i class="fa-all fa-1x fa-save" style="margin-right:3px;"></i>保存</button>
                        </div>
                        <div id="panelSlaveData_02" style="position:relative; top:5px; margin:0 8px;">
                            <table id="tabSlaveContent_02" class="data__table">
                                <colgroup>
                                    <col style="width: 15%;" />
                                    <col />
                                </colgroup>
                                <tbody>
                                    <tr>
                                        <td class="td__label">
                                            <label for="UnitOfWeight">重量单位<em>★</em></label>
                                        </td>
                                        <td>
                                            <select id="UnitOfWeight" name="_UnitOfWeight" style="width: 120px;">
                                                <option value="-1">-- 请选择 --</option>
                                                <option value="KG">KG</option>
                                            </select>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="td__label" style="vertical-align:top; padding-top:8px;">
                                            <label for="MarksAndNumbersOfPkgs">Marks & Numbers of Pkgs</label>
                                        </td>
                                        <td>
                                            <textarea class="area" id="MarksAndNumbersOfPkgs" name="_MarksAndNumbersOfPkgs" rows="3" tabindex="2" style="height:71px; width:100%; resize:none;"></textarea>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                            <table id="tabSlaveContent_03" class="layout display" style="width:100%;"> 
                                <colgroup>
                                    <col style="width: 36px;" />
                                    <col />
                                    <col style="width: 200px;" />
                                    <col style="width: 100px;" />
                                    <col style="width: 120px;" />
                                    <col style="width: 120px;" />
                                    <col style="width: 200px;" />
                                    <col style="width: 18px;" />
                                </colgroup>
                                <thead>
                                    <tr>
                                        <th style="text-align:center;">删除</th>
                                        <th class="edit__column">Description Of Goods</th>
                                        <th class="edit__column">C/T</th>
                                        <th class="edit__column">Quantity</th>
                                        <th class="edit__column">Net Weight</th>
                                        <th class="edit__column">Gross Weight</th>
                                        <th class="edit__column">Measurement</th> 
                                        <th></th>
                                    </tr>
                                </thead>
                            </table>
                            <div id="divContent" class="grid__data_wrapper" style="border-left:none; overflow-y:scroll; width:100%;">
                                <table id="tabData01" class="responsive__table" style="margin-top:-1px; width:100%;">
                                    <colgroup>
                                        <col style="width: 36px;" />
                                        <col />
                                        <col style="width: 200px;" />
                                        <col style="width: 100px;" />
                                        <col style="width: 120px;" />
                                        <col style="width: 120px;" />
                                        <col style="width: 200px;" />
                                    </colgroup>
                                    <tbody></tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
